<html>
	<head>
		<title>All my products</title>
		<style type="text/css">
			.row {
				margin: 5px;
				color: white;
				background-color: #444;
				width: 550px;
				padding: 5px;
				font-family: Verdana;
				border: 1px solid #6600FF;
				font-size: 0.8em;
			}
			
			.imvuImg {
				width: 50px;
				height: 40px;
			}
			.row a {
				color: yellow;
			}
			
			#page {
				width: 1000px;
				overflow: auto;
				height: 780px;
				border: 0px solid transparent;
			}
			
			div.leftSearch {
			}
			div.leftScroll {
				height: 780px;
				overflow: scroll;
			}
		</style>
		<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function(){
				$('.imvuImg').mouseover(function(){
					$(this).css('width', '100px').css('height', '80px');
				});
				$('.imvuImg').mouseout(function(){
					$(this).css('width', '50px').css('height', '40px');
				});
			});
			
			
			function loadPage(pid) {
				//alert($('#page').attr('src', ));
				$('#page').attr('src', 'http://www.imvu.com/shop/product.php?products_id=' + pid);
			}
		</script>
	</head>
	<body style="background-color: black; color:white;">
<table>
	<tr>
		<td id="tdLeft" valign="top">
			<div class="leftScroll">
		
<?php
	$servername = 'www.michelona.com';
	$database = 'michelona_com';
	$username = 'michelona_web';
	$password = '4everlover';
	$conn = mysql_connect($servername, $username, $password);
	if (!$conn) die ('Cannot connect to database: ' . mysql_error());
	
	$result = mysql_query('select * from michelona_com.product');
	while($row = mysql_fetch_object($result)) {
		echo <<<EOT
<div class="row">
	<img class="imvuImg" src="$row->img" border="0" /> &bull; $row->name &bull; $row->price cr &bull; 
	<a href="javascript:loadPage('$row->id');">Page</a>
</div>

EOT;
	}
	mysql_close($conn);
?>

		</div><!-- leftScroll -->
		<td valign="top">
			<iframe id="page" name="page" src="http://www.imvu.com/" width="500" height="500"></iframe>
		</td>
	</tr>
</table>
</body>
</html>